a:hover, .button.color.transparent,.button.color:hover,
.text-white .cap-readmore:hover, .pro-tab-list ul li.active a,
.label-new, .sin-pro-price .new, .list-pro-availability .out-stock,
.sin-service .icon i, .footer-bottom .copyright p a, .deal-pro-title a:hover,
.view-mode a.active, .view-mode a:hover, .pagination ul li a:hover,
.sin-sidebar ul li a:hover, .sin-sidebar-post .content a:hover,
.treeview .hitarea:hover, .pro-details-size a:hover,
.pro-details-act-btn.btn-text:hover,
.pro-details-act-btn.btn-icon:hover,
.sin-contact-info a:hover {color: #f05a66;}

.list-pro-act-btn.btn-text:hover, .list-pro-act-btn.btn-icon:hover {color: #f05a66;}
.list-pro-act-btn.btn-text:focus, .list-pro-act-btn.btn-icon:focus {color: #f05a66;}

.button.color, .button.color.transparent:hover,
.button.color-hover:hover, .submit-box input, .tab-list li.active a,
.progress-bar, #scrollUp, .nivo-control.active::before, .sin-pro-img::before,
.sin-pro-action .pro-act-btn:hover,
.list-pro-img::before, .sin-service:hover .icon i,
.sin-deal .image-counter a::before,
.size-sidebar a:hover, .pro-details-act-btn.btn-text {background-color: #f05a66;}

.list-pro-act-btn.btn-text {background-color: #f05a66;}

.button.color, .button.color-hover:hover,
.nivo-control.active::before, .list-pro-act-btn.btn-text,
.list-pro-act-btn.btn-text:hover,
.list-pro-act-btn.btn-icon:hover, .sin-service:hover .icon i,
.view-mode a.active, .pagination ul li a:hover, 
#price-range .ui-slider-handle, .pro-details-size a:hover,
.pro-details-act-btn.btn-text,
.pro-details-act-btn.btn-text:hover,
.pro-details-act-btn.btn-icon:hover {border-color: #f05a66;}


/*------------------------------------------------------------
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. header-area
	  2.1 header-top
	  2.2 header-bottom
	  2.3 mainmenu-area
    3. slider area
    4. top banner area
    5. exclusive collection area
    6. tab product area
    7. banner area
    8. special feature product area
    9. testimonial area
    10. blog area
    11. brand area
    12. service area
    13. footer top area
    14. footer bottom area
    15. Home 2 Style
    16. Home 3 Style
    17. Home 4 Style
    18. Shop Page
	19. Shop LeftSidebar Page
	20. Shop List Page
	21. Product Details Page
	22. Cart Page
	23. Checkout Page
	24. Blog & Single Blog Page
	25. About Page
	26. Contact Page
	27. 404 Page
	28. Pop Up Newslater
-----------------------------------*/


/*--- 1.  Theme default CSS -------------------------------------*/

img {
max-width:100%;
height:auto
}

p:last-child {margin-bottom: 0;}

a, button {
text-decoration:none;
color: #606060;
}

a, a::before, a::after, i, button, img, input,
*::before, *::after,
.owl-nav > div,
.sin-pro-action {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.promo-wrap::before, .promo-bref h1, .cdown p {
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

*:focus {outline:0px solid;}

a:focus {
	color: #FFFFFF;
	outline: medium none;
	text-decoration: none;
}

a:hover {text-decoration: none;}

ul{
  list-style: outside none none;
  margin: 0;
  padding: 0
}
.ec-handle i {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}



/* Common Class */
.fix {overflow:hidden;}
.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}

.table, .table-cell {
display: table;
height: 100%;
margin: 0;
width: 100%;
}

.table-cell {
display: table-cell;
vertical-align: middle;
}

.overlay {
background: rgba(0,0,0,0.5);
display: block;
height: 100%;
width: 100%;
}

.alert {
border-radius: 0;
text-align: left;
}

.tab-product-area .section-title {margin-bottom: 29px;}
.bg-off-white {background: #f8f8f8;}



/* Margin & Padding */
.margin-0 {margin: 0px !important;}
.margin-top-90 {margin-top: 90px !important;}
.margin-bottom-90 {margin-bottom: 90px !important;}
.margin-bottom-25 {margin-bottom: 25px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}

.margin-90 {
margin-bottom: 90px !important;
margin-top: 90px !important;
}

.padding-0 {padding: 0px !important;}
.padding-top-80 {padding-top: 80px !important;}
.padding-top-90 {padding-top: 90px !important;}
.padding-bottom-90 {padding-bottom: 90px !important;}

.padding-90 {
padding-bottom: 90px !important;
padding-top: 90px !important;
}

/* Section Title */
.section-title {margin-bottom: 50px;}

.section-title h1 {
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 24px;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  padding-bottom: 13px;
}
.section-title h1::before {
  width: 64px;
  height: 1px;
  background: #dddddd;
  margin-left: -32px;
  bottom: 0px;
  left: 50%;
  content: "";
  position: absolute;
}

/* Buttons */
.button {
  background: #303030 none repeat scroll 0 0;
  border-width: 1px;
  border-style: solid;
  border-color: #303030;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  line-height: 36px;
  padding: 0 26px;
  text-align: center;
  text-transform: uppercase;
}
.button.color {}
.button.transparent {
background: transparent;
color: #303030;
}

.button.color.transparent {background: transparent none repeat scroll 0 0;}

.button.small {
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
}
.button.large {
  height: 42px;
  line-height: 42px;
  padding: 0 32px;
}
.button:hover {
  background: transparent;
  color: #303030;
}

.button.color:hover {background: transparent;}

.button.transparent:hover {
  background: #303030;
  color: #fff;
}

.button.color.transparent:hover {color: #fff;}
.button.color-hover:hover {color: #fff;}

.button.white-hover:hover {
background: #fff;
border-color: #fff;
}

.button.black-hover:hover {
background: #303030;
border-color: #303030;
color: #fff;
}


/* Tab List */
.tab-list {
  float: left;
  margin-bottom: 30px;
  width: 100%;
}
.tab-list li {
  display: block;
  float: left;
  margin-right: 15px;
}
.tab-list li:last-child {margin-right: 0;}

.tab-list li a {
  background: #303030 none repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 42px;
  line-height: 44px;
  padding: 0 20px;
  text-transform: uppercase;
}
.tab-list li.active a {}
.tab-content {
  float: left;
  text-align: left;
  width: 100%;
}


/* Owl Carousel */
.owl-nav {}
.owl-nav > div {
  color: #dddddd;
  display: block;
  font-size: 32px;
  height: 30px;
  line-height: 32px;
  margin-top: -15px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 30px;
}

.product-slider .owl-nav > div, .product-slider-2 .owl-nav > div {margin-top: -45px;}
  .owl-nav .owl-prev {left: -50px;}
.owl-nav .owl-next {right: -50px;}
.owl-nav > div:hover {}

.owl-dots {
margin-top: 30px;
text-align: center;
}

.owl-dots .owl-dot {
background: #e2e2e2 none repeat scroll 0 0;
border-radius: 50px;
display: inline-block;
height: 10px;
margin: 0 5px;
width: 10px;
}

.owl-dots .owl-dot.active {background: #ff343b none repeat scroll 0 0;}
.owl-dots .owl-dot span {}

/*--- 4.  Banner Add Area -------------------------------*/
.banner-add-area{}
/* Single Banner */

.sin-banner {margin-top: 30px;}

.banner-wrap {
display: block;
position: relative;
}

.banner-wrap::before {
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.4;
  position: absolute;
  right: 0;
  top: 0;
}

.banner-wrap img {width: 100%;}

/* Banner Bref */
.banner-bref {
  height: 80px;
  left: 0;
  margin-top: -40px;
  padding: 0 30px;
  position: absolute;
  right: 0;
  top: 50%;
}

.banner-bref h1 {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 5px;
  margin: 0 0 0 -2px;
  text-transform: uppercase;
}

.banner-bref.text-left h1 {margin-left: -2px;}
.banner-bref.text-right h1 {margin-right: -7px;}

.banner-bref a {
  animation-duration: 0.6s;
  margin-top: 24px;
  font-weight: 600;
  letter-spacing: 2px;
}

.banner-wrap:hover .banner-bref a {animation-name: fadeInUp;}
.banner-bref a:hover {}
.banner-bref-1{}
.banner-bref-2 {}

/* Banner Style 1, 2 Hover Effect */
.banner-style-1 .banner-wrap::before {transform: rotateX(70deg);}
.banner-style-2 .banner-wrap::before {transform: rotateX(0deg);}
.sin-banner:hover .banner-wrap::before {transform: rotateX(0);}

/*--- 5.  Latest Product Area ----------------------------*/
.latest-product-area{}


/* Product Tab List */
.pro-tab-list {
height: 14px;
margin-bottom: 50px;
}

.pro-tab-list ul {display: inline-block;}

.pro-tab-list ul li {
  display: block;
  float: left;
  margin-right: 36px;
  padding-right: 40px;
  position: relative;
}

.pro-tab-list ul li:last-child {
margin-right: 0;
padding-right: 0;
}

.pro-tab-list ul li::before {
  content: "/";
  position: absolute;
  right: 0;
  top: -2px;
  font-weight: 500;
}

.pro-tab-list ul li:last-child::before {display: none;}

.pro-tab-list ul li a {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 16px;
  text-transform: uppercase;
}

.pro-tab-list ul li.active a {}

/* Product Tab Content */
.pro-tab-content {width: auto;}
.pro-tab{}

/* Single Product */
.sin-pro {
	margin-bottom: 90px;
	padding-bottom: 15px;
}

.product-slider .sin-pro, .product-slider-2 .sin-pro {
margin-bottom: 0;
padding-bottom: 0;
}

/* Product Image */
.sin-pro-img-action {position: relative;}

.sin-pro-img {
display: block;
position: relative;
z-index: 0;
}

.sin-pro-img::before {
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}

.sin-pro:hover .sin-pro-img::before {opacity: 0.3;}
.sin-pro-img img {width: 100%;}

/* Product Label */
.pro-label {
display: block;
position: absolute;
text-transform: uppercase;
line-height: 11px;
}

.label-new {
left: 13px;
top: 13px;
}

/* Product Quick View */
.pro-quick-view {
color: #fff;
height: 30px;
left: 50%;
margin-left: -15px;
margin-top: -15px;
opacity: 0;
position: absolute !important;
text-align: center;
top: 50%;
width: 30px;
}

.pro-quick-view i {
display: block;
font-size: 24px;
height: 30px;
line-height: 30px;
width: 30px;
}

.sin-pro:hover .pro-quick-view {opacity: 1;}

/* Product Action */
.sin-pro-action {
bottom: -40px;
left: 0;
padding: 0 1px;
position: absolute;
width: 100%;
}

.sin-pro:hover .sin-pro-action {bottom: 1px;}

.sin-pro-action .pro-act-btn {
background: #fff none repeat scroll 0 0;
border-color: #ccc;
border-style: solid;
border-width: 0 1px 0 0;
color: #303030;
display: block;
float: left;
height: 40px;
}

.sin-pro-action .pro-act-btn:last-child {border-right: 0 solid transparent;}

.sin-pro-action .pro-act-btn.btn-icon {
font-size: 24px;
line-height: 40px;
width: 15%;
}

.sin-pro-action .pro-act-btn.btn-text {
font-family: 'Oswald', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 40px;
width: 70%;
}

.sin-pro-action .pro-act-btn:hover {color: #fff;}

/* Product Details */
.sin-pro-details {text-align: left;}
.sin-progrid-details {text-align: left;}


.sin-pro-title {
display: block;
font-weight: 500;
text-transform: uppercase;
margin-top: 15px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
}

.sin-progrid-title {
font-size: 30px;
text-transform: uppercase;
font-weight: 500;
display: block;
margin-top: 15px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
text-align:center;
}

/* Product Price */
.sin-pro-price{}
.sin-pro-price span {
display: block;
font-weight: 500;
float: left;
}

.sin-pro-price .new {
font-size: 17px;
margin-right: 11px;
}

.sin-pro-price .old {
font-size: 17px;
position: relative;
padding: 0 5px 0 4px;
}

.sin-pro-price .old::before {
width: 100%;
height: 1px;
background: #606060;
top: 8px;
left: 0;
position: absolute;
content: "";
}

/* Product Ratting */
.sin-pro-ratting{}
.sin-pro-ratting .rattings{}
.sin-pro-ratting .rattings i {
display: block;
float: left;
font-size: 17px;
margin-right: 3px;
}

.sin-pro-ratting span {
float: right;
font-size: 17px;
font-weight: 500;
line-height: 12px;
padding-top: 4px;
}

/*------ List Product Style ------*/
.sin-list-pro {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
margin-bottom: 30px;
}

/* List Product Image */
.sin-list-pro-img {
position: relative;
width: 270px;
}

.list-pro-img {
display: block;
position: relative;
z-index: 0;
}

.list-pro-img::before {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.sin-list-pro:hover .list-pro-img::before {opacity: 0.3;}
.list-pro-img img {width: 100%;}

.list-pro-quick-view {
  color: #fff;
  height: 30px;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  opacity: 0;
  position: absolute !important;
  text-align: center;
  top: 50%;
  width: 30px;
}

.list-pro-quick-view i {
  display: block;
  font-size: 24px;
  height: 30px;
  line-height: 30px;
  width: 30px;
}

.sin-list-pro:hover .list-pro-quick-view {opacity: 1;}

/* List Product Details */
.list-pro-details {
padding: 30px 40px 30px 30px;
text-align: left;
}

.list-pro-title {
  color: #303030;
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 12px;
  margin-bottom: 30px;
  text-transform: uppercase;
  width: 100%;
}

.list-pro-price-ratting {margin-bottom: 30px;}

.list-pro-price{}
.list-pro-price .new {
font-weight: 700;
color: #303030;
}

.list-pro-price .old {
color: #909090;
font-size: 14px;
}

.list-pro-price .old::before {
background: #909090 none repeat scroll 0 0;
top: 6px;
}

.list-pro-ratting{}
.list-pro-ratting .rattings{}
.list-pro-ratting .rattings i{}
.list-pro-ratting span{}
.list-pro-availability {
color: #303030;
font-weight: 500;
margin-bottom: 30px;
width: 100%;
}

.list-pro-availability span{}
.list-pro-availability .in-stock {
color: #30b878;
}

.list-pro-availability .out-stock {}
.list-pro-overview {
margin-bottom: 26px;
}

.list-pro-overview h5 {
font-size: 17px;
font-weight: 500;
margin: 0 0 12px;
text-transform: uppercase;
}

.list-pro-overview p {font-weight: 300;}

.list-pro-action{}
.list-pro-act-btn {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #eee;
  color: #606060;
  display: block;
  float: left;
  height: 37px;
  min-width: 40px;
  padding: 0;
}

.list-pro-act-btn.btn-text {
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 20px;
}

.list-pro-act-btn.btn-text:hover {background: #fff;}
.list-pro-act-btn.btn-icon {margin-left: 12px;}

.list-pro-act-btn.btn-icon i {
  display: block;
  font-size: 24px;
  line-height: 35px;
}

.list-pro-act-btn.btn-icon:hover {}

/*--- 6.  Special Offer Area ------------------------------------*/
.offer-image-counter {
display: block;
float: left;
width: 100%;
}

.offer-image-counter img {
margin-left: 35px;
width: 287px;
}

.pro-countdown {
float: right;
margin-top: 80px;
}

.pro-countdown .cdown {
  border: 1px solid #dddddd;
  display: block;
  height: 90px;
  margin-bottom: 20px;
  margin-right: 13px;
  padding: 28px 0;
  text-align: center;
  width: 90px;
}

.pro-countdown .cdown:last-child {margin-bottom: 0;}

.pro-countdown .cdown .time-count {
  color: #303030;
  display: block;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 14px;
  margin-bottom: 8px;
}

.pro-countdown .cdown p {
  font-size: 14px;
  font-weight: 300;
  line-height: 12px;
}

.offer-content {margin-top: 185px;}

.offer-content h1 {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 7px;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.offer-content p {
font-weight: 300;
margin-bottom: 20px;
}

.offer-content .button{}



/*------ Shop Toolbar ------*/
.shop-toolbar {
background: #fff none repeat scroll 0 0;
border: 1px solid #eeeeee;
padding: 13px 14px;
width: 100%;
}

/* View Mode */
.view-mode {display: inline-block;}

.view-mode a {
border: 1px solid transparent;
color: #909090;
display: block;
float: left;
height: 30px;
margin-right: 3px;
text-align: center;
width: 30px;
}

.view-mode a i {
display: block;
font-size: 26px;
line-height: 28px;
}

.view-mode a.active {}
.view-mode a:hover {}

/* Product Show */
.pro-show{}
.show-wrap {display: inline-block;}

.show-wrap label {
display: block;
float: left;
font-weight: 500;
margin-bottom: 0;
text-transform: uppercase;
margin-right: 5px;
line-height: 30px;
}

.show-wrap select {
-moz-appearance: none;
appearance: none;
background: rgba(0, 0, 0, 0) url("img/select-arrow.png") no-repeat scroll right center;
border: 1px solid #eeeeee;
height: 30px;
line-height: 30px;
padding: 2px 25px 4px 7px;
text-align: left;
width: auto;
}

.show-wrap select option{}

/* Shop Product Area */
.shop-page{}
.shop-page-sidebar{}
.shop-pro-tab-container {width: auto;}

/* Sidebar */
.sidebar-container{}
.sidebar-container .row > div:nth-child(2n+1) {clear: both;}

.sin-sidebar {
background: #fff none repeat scroll 0 0;
border: 1px solid #eeeeee;
margin-bottom: 30px;
padding: 22px 0;
text-align: left;
}

.sidebar-wrapper {padding: 0 23px;}
.sin-sidebar .cus-scroll {max-height: 210px;}

.sidebar-title {
  color: #606060;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 11px;
  margin: 0 0 22px;
  padding: 0 23px 9px;
  position: relative;
  text-transform: uppercase;
}

.sidebar-title::before {
width: 25px;
position: absolute;
background: #606060;
height: 1px;
left: 23px;
bottom: 0;
content: "";
}

.sin-sidebar ul{}
.sin-sidebar ul li {
padding-right: 30px;
position: relative;
}

.sin-sidebar ul li a {
color: #606060;
display: block;
line-height: 11px;
margin-bottom: 22px;
text-transform: uppercase;
}

.sin-sidebar .sidebar-wrapper > ul > li:last-child > a {margin-bottom: 0;}
.sin-sidebar ul li ul {padding-left: 13px;}

.sin-sidebar ul li ul li {}
.sin-sidebar ul li ul li a {
color: #909090;
font-weight: 300;
}

.sin-sidebar ul li a:hover {}
.tags-sidebar a {
  border: 1px solid #efefef;
  color: #606060;
  display: block;
  float: left;
  font-size: 13px !important;
  line-height: 23px;
  margin-bottom: 14px;
  margin-right: 8px;
  padding: 0 6px;
  text-transform: capitalize;
}

.tags-sidebar a:hover {
  background: #000000;
  border-color: #000000;
  color: #fff;
}

.sin-sidebar-post {
  padding-left: 22px;
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #eee;
}
.sin-sidebar-post:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0px solid #eee;
}

.sin-sidebar-post .image {
  border: 1px solid #eeeeee;
  display: block;
  margin-right: 11px;
  width: 64px;
}

.sin-sidebar-post .image img{}
.sin-sidebar-post .content{}
.sin-sidebar-post .content a {
  color: #444444;
  display: block;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
}

.sin-sidebar-post .content a:hover {}
.sin-sidebar-post .content p {
  color: #444444;
  display: block;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
}

.sin-sidebar.category-sidebar li a {text-transform: inherit;}
.sin-sidebar .treeview > li.collapsable:last-child > a {margin-bottom: 22px;}
.sin-sidebar .treeview li:last-child ul li:last-child a {margin-bottom: 0;}

.treeview .hitarea {
cursor: pointer;
display: block;
height: 10px;
line-height: 10px;
position: absolute;
right: 0;
text-align: center;
width: 14px;
}

.treeview .hitarea::before {font-family:Material-Design-Iconic-Font;}
.treeview .hitarea.collapsable-hitarea::before {content: "\f2fc";}
.treeview .hitarea.expandable-hitarea::before {content: "\f2f9";}
.treeview .hitarea:hover {}

#price-range {
  background: #eeeeee none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  height: 4px;
  margin-bottom: 19px;
  margin-top: 4px;
}

#price-range .ui-slider-range {
background: #303030;
border-radius: 0;
}

#price-range .ui-slider-handle {
  background: #eee none repeat scroll 0 0;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  height: 12px;
  margin: 0;
  top: -4px;
  width: 12px;
}

#price-range .ui-slider-handle:last-child {margin-left: -12px;}

.price-values{}
.price-values p {
  display: block;
  float: left;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 12px;
  margin-bottom: 0;
  margin-right: 21px;
  text-transform: uppercase;
}
#price-amount {
  border: medium none;
  display: block;
  float: left;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 10px;
  padding: 0;
  width: 110px;
}


/* Quick View Area */
.quick-view-modal .row {
margin-left: -30px;
margin-right: -30px;
}

.quick-view-container {
	background: #fff none repeat scroll 0 0;
	display: inline-block;
	padding: 17px;
	position: relative;
}

.quick-view-modal {animation-name: zoomOut;}
.quick-view-modal.in {animation-name: zoomIn;}

.model-close {
background: transparent none repeat scroll 0 0;
border: medium none;
color: #303030;
height: 40px;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 40px;
z-index: 9;
}

.model-close i {
display: block;
font-size: 20px;
line-height: 40px;
}

.model-close:hover {background: #f1f2f3;}

/* Quick View Thumb */
.quick-pro-thumb {
display: block;
float: left;
margin-right: 16px;
width: 104px;
}

.quick-pro-thumb li {
display: block;
margin-bottom: 12px;
}

.quick-pro-thumb li:last-child {margin: 0;}

.quick-pro-thumb li a {
display: block;
position: relative;
}

.quick-pro-thumb li a::before {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.65;
  position: absolute;
  right: 0;
  top: 0;
}

.quick-pro-thumb li a img{}
.quick-pro-thumb li.active a::before {opacity: 0;}


/* Quick View Big Image */
.quick-pro-big {
float: none;
width: auto;
}

.quick-pro-big .tab-pane {}
.quick-pro-big .tab-pane img {width: 100%;}


/*--- 12. Product Details Page ----------------------------------*/
.product-details-image{}

.pro-img-thumb {
display: block;
float: left;
margin-right: 16px;
}

.pro-img-thumb.thumb-horizontal {
margin-right: 0;
margin-top: 30px;
}

.pro-img-thumb a {position: relative;}

.pro-img-thumb.thumb-vertical a {
display: block;
margin-bottom: 15px;
}

.pro-img-thumb.thumb-horizontal a {
display: block;
float: left;
margin-right: 33px;
width: 80px;
}

.pro-img-thumb a:last-child {margin: 0;}

.pro-img-thumb a::before {
background: #fff none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
opacity: 0.65;
position: absolute;
right: 0;
top: 0;
}

.pro-img-thumb a.active::before {opacity: 0;}
.pro-img-thumb a img{}
.pro-img-big {position: relative;}

.pro-img-big img {
max-width: 100%;
width: 100%;
}

/* List Product Details */
.product-details-content {text-align: left;}

.pro-details-title {
color: #303030;
display: block;
font-size: 17px;
font-weight: 700;
line-height: 12px;
margin-bottom: 30px;
text-transform: uppercase;
width: 100%;
}

.pro-details-price-ratting {margin-bottom: 38px;}

.pro-details-price{}
.pro-details-price span {
display: block;
font-weight: 500;
float: left;
}

.pro-details-price .new {
color: #303030;
font-size: 18px;
font-weight: 700;
margin-right: 11px;
}

.pro-details-price .old {
  color: #909090;
  font-size: 15px;
  position: relative;
  padding: 0 5px 0 4px;
}

.pro-details-price .old::before {
  background: #909090;
  content: "";
  height: 1px;
left: 0;
position: absolute;
top: 6px;
width: 100%;
}

.pro-details-ratting{}
.pro-details-ratting .rattings{}
.pro-details-ratting .rattings i {
  display: block;
  float: left;
  font-size: 16px;
  margin-right: 3px;
}
.pro-details-ratting span {
  float: right;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  padding-top: 4px;
}

.pro-details-overview {margin-bottom: 30px;}

.pro-details-overview h5 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.pro-details-overview p {font-weight: 300;}
.pro-details-size {margin-bottom: 38px;}

.pro-details-size h5 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.pro-details-size a {
  border: 1px solid #eeeeee;
  color: #303030;
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  margin-right: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 36px;
}

.pro-details-size a:hover {
border-width: 1px;
border-style: solid;
}

.pro-details-color-quantity {margin-bottom: 40px;}
.pro-details-color {width: 50%;}

.pro-details-color h5 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 12px;
  text-transform: uppercase;
}
.pro-details-color a {
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  margin-right: 10px;
  text-indent: -999999px;
  width: 36px;
}

.pro-details-color .color-1 {background-color: #ffac9a;}
.pro-details-color .color-2 {background-color: #ff4081;}
.pro-details-color .color-3 {background-color: #000000;}

.pro-details-color a.active {
  border: 6px solid #fff;
  outline: 1px solid #303030;
  outline-offset: -1px;
  overflow: hidden;
}

.pro-details-quantity {width: 50%;}

.pro-details-action {
	margin-bottom: 20px;
}

.pro-details-act-btn {
  background: transparent;
  border: 1px solid #eee;
  color: #606060;
  display: block;
  float: left;
  height: 37px;
  min-width: 40px;
  padding: 0;
}

.pro-details-act-btn.btn-text {
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 20px;
}

.pro-details-act-btn.btn-text:hover {background: transparent;}
.pro-details-act-btn.btn-icon {margin-left: 12px;}

.pro-details-act-btn.btn-icon i {
display: block;
font-size: 24px;
line-height: 35px;
}

.pro-details-act-btn.btn-icon:hover {}
.pro-details-share{}

.pro-details-share h5 {
font-size: 15px;
font-weight: 500;
margin: 0 0 12px;
text-transform: uppercase;
}

.pro-details-tab-container {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
display: block;
padding: 31px 32px;
}

.pro-details-tablist {margin-bottom: 25px;}

.pro-details-tablist li {
display: block;
float: left;
margin-right: 43px;
padding-bottom: 11px;
position: relative;
}

.pro-details-tablist li:last-child {margin-right: 0;}

.pro-details-tablist li::before {
background: #303030 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 0;
}

.pro-details-tablist li:hover::before {width: 20px;}
.pro-details-tablist li.active::before, .pro-details-tablist li.active:hover::before {
width: 32px;}

.pro-details-tablist li a {
color: #303030;
display: block;
font-weight: 500;
line-height: 12px;
text-transform: uppercase;
}

.pro-details-tab {text-align: left;}

.pro-details-tab p {
font-weight: 300;
margin-bottom: 25px;
}

.pro-details-tab p:last-child {margin-bottom: 0;}
.pro-dsc-tab{}
.pro-dsc-tab p{}
.pro-dsc-tab ul{}
.pro-dsc-tab ul li {font-weight: 300;}

.pro-dsc-tab ul li::before {
content: "-";
margin-right: 5px;
}

.pro-info-tab{}
.pro-info-tab p{}
.pro-info-tab p{}
.pro-rev-tab{}
.pro-avg-ratting {margin-bottom: 20px;}

.pro-avg-ratting h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 14px;
  margin: 0 0 7px;
}
.pro-avg-ratting h4 span {
  color: #909090;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
}
.pro-avg-ratting > span {
  color: #909090;
  display: block;
  font-size: 12px;
  font-weight: 300;
  line-height: 10px;
}

.ratting-list {margin-bottom: 30px;}
.ratting-list .sin-list {margin-right: 30px;}
.ratting-list .sin-list:last-child {margin-right: 0;}

.ratting-list .sin-list i {
color: #303030;
font-size: 17px;
}

.ratting-list .sin-list span {color: #909090;}
.rattings-wrapper {margin-bottom: 40px;}
.rattings-wrapper .sin-rattings {margin-bottom: 30px;}
.rattings-wrapper .sin-rattings:last-child {margin-bottom: 0;}
.rattings-wrapper .sin-rattings .ratting-star{}

.rattings-wrapper .sin-rattings .ratting-star i {
color: #303030;
font-size: 17px;
}

.rattings-wrapper .sin-rattings .ratting-star span {color: #909090;}
.rattings-wrapper .sin-rattings .ratting-author{}

.rattings-wrapper .sin-rattings .ratting-author h3 {
  color: #606060;
  float: left;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  line-height: 13px;
}

.rattings-wrapper .sin-rattings .ratting-author span {
  color: #909090;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 300;
  line-height: 13px;
  margin-left: 15px;
}

.rattings-wrapper .sin-rattings p {
  display: block;
  overflow: hidden;
  width: 100%;
}

.ratting-form-wrapper{}
.ratting-form-wrapper h3 {
  font-size: 14px;
  margin: 0 0 30px;
  color: #303030;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 12px;
}

.ratting-form {
max-width: 808px;
width: 100%;
}

.ratting-form form{}
.ratting-form form .star-box {margin-bottom: 40px;}

.ratting-form form .star-box h2 {
  color: #303030;
  font-size: 14px;
  font-weight: 600;
  line-height: 12px;
  margin: 0 0 10px;
}

.ratting-form form .star-box .ratting-star{}
.ratting-form form .star-box .ratting-star i {
  cursor: pointer;
  display: block;
  float: left;
  font-size: 20px;
}

.ratting-form .review-box {margin-bottom: 30px;}